<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <!--    引入jquery-->
    <script src="../../../js/jquery-3.3.1.js"></script>
</head>
<body>
<div>
    <h1>黄鹤楼送孟浩然之广陵</h1>
    <span>
        [作者] 李白 [朝代] 唐
    </span>
    <p>
        <span>故人西辞黄鹤楼，</span> <br>
        <span>烟花三月下扬州。</span> <br>
        <span id="p_span3">孤帆远影碧空尽，</span> <br>
        <span>唯见长江天际留。</span><br>
    </p>
</div>
<script>
    /**
     * 案列一：请用三种方式实现将第三句话颜色修改为红色（用jquery的选择器）
     * 案例二：使用jquery来将 “唯见长江天际留” 修改为：“唯见长江天际流”
     * 案列三：使用js对象来得到h1标签中的内容（使用jquery对象转换成js对象）
     */

    // $('#p_span3').css('color','red')
    // $('p #p_span3').css('color','red')
    // $('p span:eq(2)').css('color','red')
    $('p span:eq(3)').html("唯见长江天际流。")


    let innerHTML = $('h1')[0].innerHTML;
    console.log("innerHTML："+innerHTML)


</script>
</body>
</html>